<template>
    <div>
        <table class="table table-bordered">
            <tr>
                <td>Id</td>
                <td>姓名</td>
                <td>电话号</td>
                <td>Email</td>
                <td>身份证号</td>
                <td>性别</td>
                <td>年龄</td>
                <td>出生日期</td>
                <td>
                    操作
                </td>
            </tr>
            <tr v-for="item in list">
                <td>{{ item.id }}</td>
                <td>{{ item.name }}</td>
                <td>{{ item.phone }}</td>
                <td>{{ item.email }}</td>
                <td>{{ item.card }}</td>
                <td>{{ item.sex  ? '男' : '女'}}</td>
                <td>{{ item.age }}</td>
                <td>{{ item.createDate }}</td>
                <td>
                    <button @click="">编辑</button>
                    <button @click="">删除</button>
                </td>
            </tr>
        </table>

    </div>
</template>

<script setup lang="ts">
import { reactive, toRefs, onMounted } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import axios from 'axios';
const router = useRouter();
const route = useRoute();
let data: any = reactive({
    state: {



    },
    list: []
});
let { state, list } = toRefs(data);

onMounted(() => {
    Show();
})
const Show = () => {
    let obj = {

    }
    axios({
        url: '/api/Member/Show',
        method: 'get',
        params: obj,
    }).then((res) => {
        list.value = res.data.data;
    })
}

</script>

<style scoped></style>